.songlist-right-detail {

    height: 100%;

    .song_islock {
        background-color: #e6e6e6;
        color           : #999;

        a {
            color: #999;
        }
    }

    .right-detail-body {

        height: 100%;

        .right-detail-info {
            position: relative;
            z-index : 1;

            .background-blur {
                position: absolute;
                top     : 0;
                right   : 0;
                bottom  : 0;
                left    : 0;
                overflow: hidden;
                opacity : .3;

                img {
                    width   : 100%;
                    position: absolute;
                    top     : -50%;
                    filter  : blur(2rem);
                }
            }

            .info {
                position: relative;
                overflow: hidden;
                padding : 2.1% 5%;

                .thumbnail {
                    float   : left;
                    position: relative;
                    width   : 22%;
                    overflow: hidden;

                    img {
                        width     : 100%;
                        transform : scale(1);
                        transition: all .3s;
                    }
                }

                .content {
                    margin-left: 26.5%;
                    padding    : 1.2% 0 11%;

                    .edit {
                        position: absolute;
                        right   : 3%;
                    }

                    .title {
                        margin-bottom: .8em;
                        line-height  : 1.2;
                        font-size    : 28px;
                        font-weight  : 700;
                        white-space  : nowrap;
                        text-overflow: ellipsis;
                        overflow     : hidden;
                    }

                    .playcount,
                    .tags {
                        margin-bottom: .5em;
                    }

                    .intro-wrapper {
                        position    : relative;
                        margin-right: 4.5em;

                        .intro {
                            position     : relative;
                            margin-right : 4.5em;
                            margin-bottom: 1.3em;

                            a {
                                user-select: none;
                            }

                            .intro-span {
                                float        : left;
                                max-width    : 400px;
                                overflow     : hidden;
                                text-overflow: ellipsis;
                                white-space  : nowrap;
                                color        : #333;
                                margin-bottom: 38px;
                            }
                        }
                    }
                }
            }

            &::after {
                content   : "";
                position  : absolute;
                left      : 0;
                right     : 0;
                bottom    : 0;
                height    : 50px;
                background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
            }
        }

        .right-detail-songlist {
            padding: 10px;
        }
    }
}